//配置
var config = function() {
  return {
    height: 1080, //默认画板高、宽
    width: 1920,
    canvasParentId: "canvasDiv",
    canvasId: "c"
  };
};

//初次设置画板
(function() {
  setZoom(window.canvas);//传进去的是啥？
})();

//设置缩放，可以针对窗口大小的不同而缩放  这应该是对原本的setZoom方法的一个重写
//我有理由相信 这可能是为移动端所指定的规则，毕竟手机可以横屏可以竖屏
function setZoom(canvas) {
  var canvasDiv = jQuery("#" + config().canvasParentId);//获取装canvas的div
  var zoom = 1;//原始缩放比例
  var eleHeight = canvasDiv.height(),//父元素的高度
    eleWidth = canvasDiv.width(),
    cHeight = canvas.height,//canvas的尺寸
    cWidth = canvas.width;
  var height = eleHeight > cHeight ? eleHeight : cHeight;//取较大的尺寸
  var width = eleWidth > cWidth ? eleWidth : cWidth;
  if (width > height) { //在这缩放横竖的意义到底是啥？
    //横版
    width = eleWidth;
    height = eleHeight;
    zoom = width / config().width;
  } else {
    //竖版
    height = height * eleHeight / config().height * 0.8;
    zoom = height / config().height;
  }
  canvas.setZoom(zoom);//之前应该是重写方法
  canvas.setWidth(width);
  canvas.setHeight(height);

  window.zoom = zoom;
  canvas.renderAll();
}

//监听窗体变化
window.onresize = function() {
  setZoom(window.canvas);
};
